<extend name="_Layout/main"/>
<block name="title">{:C('WEB_SITE_TITLE')}－{:C('WEB_SITE_SLOGAN')}</block>
<block name="lbwindex">
<!--banner-starts-->
<div class="banner">
    <div class="container">
        <div class="banner-top">
            <section class="slider">
                <div class="flexslider">
                    <ul class="slides">
                        <li>
                            <div class="banner-text">
                                <h3>世界愛心誌願者公社</h3>
                                <p>傳遞愛心,實現夢想.</p>
                            </div>
                        </li>
                        <li>
                            <div class="banner-text">
                                <h3>世界愛心誌願者公社</h3>
                                <p>盡我之力,助人之樂,成長自己</p>
                            </div>
                        </li>
                        <li>
                            <div class="banner-text">
                                <h3>世界愛心誌願者公社</h3>
                                <p>我幫人人,人人幫我</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </section>
        </div>
    </div>
</div>
<!--banner-end-->
<!--FlexSlider-->
<link rel="stylesheet" href="__HOME_CSS__/flexslider.css" type="text/css" media="screen" />
<script defer src="__HOME_JS__/jquery.flexslider.js"></script>
<script type="text/javascript">
    $(window).load(function(){
        $('.flexslider').flexslider({
            animation: "slide",
            start: function(slider){
                $('body').removeClass('loading');
            }
        });
    });
</script>
<!--End-slider-script-->
<!--welcome-starts-->
<div class="welcome">
    <div class="container">
        <div class="welcome-top">
            <div class="col-md-4 welcome-left heading">
                <h2>歡迎您的访问</h2>
                <h5>關於我們您需要了解的一點事情</h5>
                <p>世界愛心誌願者公社 （以下簡稱WVC）是由7位新加坡愛新覺羅氏後裔在2013年發起的一個扶持大眾創業 幫助貧困兒童的公益性網絡平臺，聯合國將誌願者定義為“不以利益、金錢、揚名為目的,在自身條件許可的情況下，合理運用社會現有的資源，誌願奉獻個人可以奉獻的東西，為幫助有一定需要的人士，開展力所能及的、切合實際的，具一定專業性、技能性、愛心性服務活動的人.”</p>
            </div>
            <div class="col-md-4 welcome-left">
                <div class="welcome-one">
                    <div class="wel-left">
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                    </div>
                    <div class="wel-right">
                        <h4>我们都拥有着誠摯無比的愛心</h4>
                        <p> 目前，我們的公益項目已經包括幾個種類和，已經有34000名困難兒童受益,我們將會繼續努力用一顆誠摯的熱心幫助更多需要幫助的人,尤其是那些面临疾病与困苦的非洲儿童.</p>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="welcome-two">
                    <div class="wel-left">
                        <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>
                    </div>
                    <div class="wel-right">
                        <h4>加入愛心公益 </h4>
                        <p> 公民在社會中,社會事務理應有意識參與。社會公益是是一個人愛心的體現方式之一,值得參與,助人之樂,成長自己,找到價值,讓人心安寧.</p>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="col-md-4 welcome-left">
                <div class="welcome-one">
                    <div class="wel-left">
                        <span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
                    </div>
                    <div class="wel-right">
                        <h4>世界各地等着我们幫助的人們 </h4>
                        <p>2015年至2016年是厄爾尼諾現象最嚴重時期之一,該現象在非洲、亞太地區和中南美洲13個國家造成了不同程度的損傷,在非洲，幹旱和水災引發3200萬人面臨饑荒.</p>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="welcome-two">
                    <div class="wel-left">
                        <span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span>
                    </div>
                    <div class="wel-right">
                        <h4>能夠獲得什麽 </h4>
                        <p>“我幫人人，人人幫我”是一个良性循環生態系統，讓先富的人帶動後富，讓先成功的人影響即將成功的人。讓創業成功的人士再從收益中拿出一部分來做公義慈善活動.</p>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--welcome-end-->
<!--events-starts-->
<div class="events">
    <div class="container">
        <div class="events-top heading">
            <h3>最新愛心行動</h3>
            <p>我們會使更多的人加入慈善行列中奉獻愛心,特別是在網絡十分發達的今天,我們希望能夠盡我們所有人最大的努力進行宣傳推廣,讓更多人能夠知道這個世界還有許多在苦難之中掙紮的人們,他們是多麽的需要幫助.</p>
        </div>
        <div class="events-bottom">
            <div class="col-md-6 event-left">
                <img src="__HOME_IMG__/images/e1.jpg" alt="" />
                <div class="event">
                    <h4>印尼的孩子們終於有了課本</h4>
                    <p> 這是美好的一天,也是另人興奮的一天,我和我的同伴們在印尼的村落幫助這裏的孩子,讓他們得到了夢寐以求的課堂,雖然這個課堂還是非常簡陋,但是我們還是會繼續不斷努力的!</p>
                </div>
                <div class="date">
                    <p>May 29,2015</p>
                </div>
            </div>
            <div class="col-md-3 event-right">
                <div class="e-1">
                    <img src="__HOME_IMG__/images/e2.jpg" alt="" />
                    <h4>遺傳疾病康復後的孩子們</h4>
                </div>
                <div class="e-2">
                    <img src="__HOME_IMG__/images/e3.jpg" alt="" />
                    <h4>病情好轉的雙胞胎姐妹</h4>
                </div>
            </div>
            <div class="col-md-3 event-right">
                <div class="e-1">
                    <img src="__HOME_IMG__/images/e4.jpg" alt="" />
                    <h4>新學校的孩子開心的笑了</h4>
                </div>
                <div class="e-2">
                    <img src="__HOME_IMG__/images/e5.jpg" alt="" />
                    <h4>兒童公益我們在路上</h4>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--events-end-->
<!--help-starts-->
<div class="help">
    <div class="help-left">
        <img src="__HOME_IMG__/images/h2.jpg" alt="" />
    </div>
    <div class="help-right heading">
        <h3>我們非常需要您的幫助</h3>
        <h5>他們還這麽小，為什麽要他們承受生命之重？</h5>
        <p>孤兒，僅中國有71萬，其中，1/3的孤兒需要幫助。在並不富裕的農村，孤兒的到來使寄養家庭經濟負擔驟然加重，造成新的貧困。而與普通孩子比，農村孤兒入學年齡普遍偏大或多次輟學，他們所在年級與年齡極不相稱,教學環境差得不到好的教育輔導,這將是一個惡性循環而我們需要做的就是竭盡全力改善他們所處的環境.</p>
        <div class="tool">
            <a class="tooltips" href="#">
                <span></span></a>
        </div>
    </div>
    <div class="clearfix"></div>
</div>
<!--help-end-->
<!--letter-starts-->
<div class="letter">
    <div class="container">
        <div class="letter-top heading">
            <h3>訂閱我們</h3>
            <div class="letter-bottom">
                <form>
                    <input type="text" value="Enter 姓名" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter Name';}">
                    <input type="text" value="Enter 郵箱" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter Email';}">
                    <input type="submit" value="訂閱">
                </form>
            </div>
        </div>
    </div>
</div>
<!--letter-end-->
<!--team-starts-->
<div class="team">
    <div class="container">
        <div class="team-top heading">
            <h3>我們的捐贈者</h3>
        </div>
        <div class="team-bottom">
            <div class="col-md-3 team-left wow bounceIn animated" data-wow-delay=".5s" style="visibility: visible; -webkit-animation-delay: .5s;">
                <a href="#">
                    <img src="__HOME_IMG__/images/t1.jpg" alt="">
                    <div class="captn">
                        <h4>Jane Doe</h4>
                        <p>Nam id urna ipsum</p>
                    </div>
                    <div class="team-text">
                        <h5>Jane Doe</h5>
                        <p>Nam id urna ipsum</p>
                    </div>
                </a>
            </div>
            <div class="col-md-3 team-left wow bounceIn animated" data-wow-delay=".5s" style="visibility: visible; -webkit-animation-delay: .5s;">
                <a href="#">
                    <img src="__HOME_IMG__/images/t2.jpg" alt="">
                    <div class="captn">
                        <h4>Adaline</h4>
                        <p>Nam id urna ipsum</p>
                    </div>
                    <div class="team-text">
                        <h5>Adaline</h5>
                        <p>Nam id urna ipsum</p>
                    </div>
                </a>
            </div>
            <div class="col-md-3 team-left wow bounceIn animated" data-wow-delay=".5s" style="visibility: visible; -webkit-animation-delay: .5s;">
                <a href="#">
                    <img src="__HOME_IMG__/images/t3.jpg" alt="">
                    <div class="captn">
                        <h4>Thomas</h4>
                        <p>Nam id urna ipsum</p>
                    </div>
                    <div class="team-text">
                        <h5>Thomas</h5>
                        <p>Nam id urna ipsum</p>
                    </div>
                </a>
            </div>
            <div class="col-md-3 team-left wow bounceIn animated" data-wow-delay=".5s" style="visibility: visible; -webkit-animation-delay: .5s;">
                <a href="#">
                    <img src="__HOME_IMG__/images/t4.jpg" alt="">
                    <div class="captn">
                        <h4>Selena</h4>
                        <p>Nam id urna ipsum</p>
                    </div>
                    <div class="team-text">
                        <h5>Selena</h5>
                        <p>Nam id urna ipsum</p>
                    </div>
                </a>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--team-end-->
</block>